sdk/samples/all in on code/Visual Studio 2008/CSWPFAnimatedImage/MainWindow.xaml

   1 <Window x:Class="CSWPFAnimatedImage.MainWindow"
   2     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   3     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   4     Title="WPF Animated Image Sample" Height="300" Width="300" Loaded="Window_Loaded">
   5     <Window.Resources>
   6         <Storyboard x:Key="VisibleToInvisible" Completed="VisbleToInvisible_Completed" >
   7             <DoubleAnimation Storyboard.TargetName="TransparentStop"
   8                              Storyboard.TargetProperty="Offset" To="0"  Duration="0:0:2"   />
   9             <DoubleAnimation Storyboard.TargetName="BlackStop"
  10                              Storyboard.TargetProperty="Offset" To="0" Duration="0:0:2"
  11                              />
  12         </Storyboard>
  13         <Storyboard x:Key="InvisibleToVisible" Completed="InvisibleToVisible_Completed">
  14             <DoubleAnimation Storyboard.TargetName="TransparentStop"
  15                              Storyboard.TargetProperty="Offset" To="1"  Duration="0:0:2"   />
  16             <DoubleAnimation Storyboard.TargetName="BlackStop"
  17                              Storyboard.TargetProperty="Offset" To="1" Duration="0:0:2"   />
  18         </Storyboard>
  19     </Window.Resources>
  20     <Window.Triggers>
  21         <EventTrigger RoutedEvent="Window.Loaded">
  22             <EventTrigger.Actions>
  23                 <BeginStoryboard Storyboard="{StaticResource  VisibleToInvisible}"/>
  24             </EventTrigger.Actions>
  25         </EventTrigger>
  26     </Window.Triggers>
  27     <Grid Name="grid">
  28         <Image x:Name="myImage2" Source="Images/image2.jpg" />
  29         <Image x:Name="myImage1" Source="Images/image1.jpg">
  30             <Image.OpacityMask>
  31                 <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
  32                     <GradientStop Offset="1" Color="Black" x:Name="BlackStop"/>
  33                     <GradientStop Offset="1" Color="Transparent" x:Name="TransparentStop"/>
  34                 </LinearGradientBrush>
  35             </Image.OpacityMask>
  36         </Image>
  37
  38     </Grid>
  39
  40 </Window>